﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <title>SETCritterrs - Welcome</title>

        <link href="style.css" rel="stylesheet" />
        <script src="orbLogic.js" type="text/javascript"></script>
    </head>

    <body>
        <!-- Resource Images -->
        <img class="resource" id="joystickbase" src="Controller.png" />
        <img class="resource" id="joystick" src="Joystick.png" />
        <img class="resource" id="pulsebtn" src="orbpulse.png" />
        <img class="resource" id="capturebtn" src="crittercapture.png" />
        <img class="resource" id="cagebg" src="cagebg.png" />
        <img class="resource" id="cage" src="cage.png" />
        <!-- END Resource Images -->

        <section id="fullscreen">

            <center>
                <form id="mainfrm">
                    <div id="intro">
                        <h1>First, choose your favourite colour!</h1><br />
                        <input type="color" id="mycolour" value="#FF6080" /><br />
                        <h1>Whenever you're ready, tap Start!</h1><br />
                        <input type="button" name="start" value="START" onclick="LoadControls();" />
                    </div>
                </form>
            </center>
            <div id="controls">
                
            </div>

        </section>
    </body>

</html>
